// 因为这里和deviceManage 中的是相同的所以可以引入  deviceManage 里面的 css
@import "../../../assets/less/global_style";
@import "../../deviceManage/less/deviceHandle.less";

// 生成的表格  --  这里的其余样式 在deviceHandle.less 中可以找到
#tableRelate {
  .table-wrap {
    table tr {
      td:nth-last-child(1) {
        button:nth-child(1) {
          background-color: green;
          margin-right: 15px;
        }
        button:nth-child(2) {
          .btn-query();
        }
      }
    }
  }
}

/*.layui-layer-page {
  height: 400px;
  width: 400px;

  .control-layer {
    padding:5px 10px;

    .layer-describe {

      div {
        overflow: hidden;

        p{
          display: inline-block;
          float: left;
          margin-right: 20px;

          span:nth-child(3) {
            font: @font14;
          }
        }
        p:nth-child(2) {
          float: right;
          span:nth-child(3) {
            color: green;
          }
        }
      }
    }
    .details {
      width: calc(~"100% - 40px");
      height: 240px;
      margin-top: 10px;
      position: absolute;

      div {
        width: 300px;
        height: 200px;
        position: absolute;
        .block-top-center();
        .block-left-center();
        transform: translate(-50%, -50%);
        background-color: orange;
      }
    }
  }
}*/

#missionCheck,#missionHandle {
  .modal-body {
    margin-top: 20px;
    p {
      margin: 5px 0 ;
      span:nth-child(1) {
        display: inline-block;
        font-weight: 600;
      }
    }
    table {
      border: 2px solid @lineGray;
      margin-top: 20px;
    }
  }
}

#missionHandle {
  .modal-body {
    .form-group {
      margin: 5px 0;
      label {
        font-size: 14px;
        width: fit-content;
        margin: 0;
      }
    }
  }
}

#manageControl {
  form{
    margin-bottom: 20px;
    fieldset {
      min-width: 100%;
      border: @lineGray;
      padding: 20px;
      border-radius: 2px;

      legend {
        font-size: 18px;
        width: fit-content;
        border-bottom: none;
        margin-bottom: 0;
      }
      div:nth-of-type(1),
      div:nth-of-type(2){
        width: 100%;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
      }
      div:nth-of-type(1) {
        overflow: hidden;
        height: 40px;
        line-height: 40px;
        div {
          width: fit-content;
          label {
            width: 100%;
            font-weight: 500;
          }
        }
        &>* {
          height: 40px;
          float: left;
          width: calc(~"25% - 20px");
          margin: 0 10px;
        }
        button {
          .btn-query();
          margin: 5px 10px;
          height: 30px;
          width: fit-content;
          padding:0 20px;
        }
      }
      div:nth-of-type(2) {
        margin: 15px 0  ;
        label {
          display: inline-block;
          margin-left: 20px;
        }
      }
      div:nth-of-type(3) {
        height: 30px;
        line-height: 30px;
        &>div{
          float: left;
          margin: 0;
          height: 30px;
        }
        .select-box {
          width: calc(~"33%");
          position: relative;
          padding-left: 48px;
          span {
            position: absolute;
            left: 18px;
            float: none;
            width: fit-content;
            display: inline-block;
            margin: 0;
            height: 30px;
            line-height: 30px;

          }
          select{
            float: none;
            height: 30px;
            width: calc(~"100% ");
          }
        }
        .check-box {
          width: calc(~"23%");
          label {
            font-weight: 500;
          }
        }
        .input-group {
          width: calc(~"100% - 56%");
          *{
            width: 25%;
            margin: 0;
            padding: 0;
            line-height: 30px;
            height: 30px;
            text-align: center;
          }
          div{
            width: 50px;
            padding: 0 8px;
          }
          div:last-of-type {
            border-left:1px solid #ccc;
          }
        }
      }
    }
  }
}